<!-- 车位管理 -->
<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <!-- main -->
  <div class="col">
    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">收费</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md">
      <form name="" class="form-horizontal form-validation">
        <div class="panel panel-default">
          <div class="panel-heading"><strong>业主查询</strong></div>
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">房屋编号:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">业主信息:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-6"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-6">
                        <div class="nowrap">(姓名、电话)</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="panel-footer  text-right">
            <button class="btn btn-info m-r">&nbsp;&nbsp;重置&nbsp;&nbsp;</button>
            <button class="btn btn-success m-l">&nbsp;&nbsp;查询&nbsp;&nbsp;</button>
          </div>
          <div class="pabel-footer">
            <div class="container-fluid">
              <table class="table table-bordered m-t">
                <tr>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                </tr>
                <tr>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                </tr>
                <tr>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                  <td>1-1-1302 送肿鸡 13121212121</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </form>

      <div class="panel panel-default">
        <div class="panel-heading"><strong>已选业主信息</strong></div>
        <div class="panel-body">
          <div class="row form-horizontal">
            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">房屋编号:</label>
                <div class="col-sm-7">
                  <p class="form-control-static">1-2-1302</p>
                </div>
              </div>
            </div>

            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">业主姓名:</label>
                <div class="col-sm-7">
                  <p class="form-control-static">宋仲基</p>
                </div>
              </div>
            </div>

            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">联系电话:</label>
                <div class="col-sm-7">
                  <p class="form-control-static">13112341234</p>
                </div>
              </div>
            </div>

            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">房屋编号:</label>
                <div class="col-sm-7">
                  <p class="form-control-static">1-2-1302</p>
                </div>
              </div>
            </div>

            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">建筑面积:</label>
                <div class="col-sm-7">
                  <p class="form-control-static">100.00</p>
                </div>
              </div>
            </div>

            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">车位:</label>
                <div class="col-sm-7">
                  <div class="checkbox">
                    <label class="i-checkd"><input type="checkbox" /> DS125(私有)</label>
                    <label class="i-checkd"><input type="checkbox" /> DS126(租赁)</label>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="panel panel-default">
        <div class="panel-heading">
          <strong>收费项目选址：</strong>
        </div>
        <div class="panel-body">
          <div class="col-sm-5">
            关联：<label class="i-checks"><input type="checkbox" /><i></i>  房屋</label>
            <label class="i-checks"><input type="checkbox" /><i></i>  车位</label>
          </div>
          <div class="col-sm-5">
            收费类型：<label class="i-checks"><input type="checkbox" /><i></i>  普通</label>
            <label class="i-checks"><input type="checkbox" /><i></i>  押金</label>
            <label class="i-checks"><input type="checkbox" /><i></i>  预收费</label>
          </div>
        </div>

        <div class="container-fluid">
          <div class="panel panel-default m-t">
            <div class="panel-heading">收费单选择</div>
            <div class="panel-boding">
              <div class="table-responsive">
                <table class="table table-striped b-t b-light">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>收费项目</th>
                      <th>计费类型</th>
                      <th>计费方式</th>
                      <th>单价（元）</th>
                      <th>数量</th>
                      <th>押金范围</th>
                      <th>允许抹零</th>
                      <th>说明</th>
                    </tr>
                  </thead>

                  <tbody>
                    <tr>
                      <td><label class="i-checks"><input type="checkbox" /><i></i></label></td>
                      <td>物业费</td>
                      <td>押金</td>
                      <td>建筑面积</td>
                      <td>1000.00/户</td>
                      <td>1</td>
                      <td>1000.00-2000.00</td>
                      <td>否</td>
                      <td></td>
                    </tr>
                    <tr>
                      <td><label class="i-checks"><input type="checkbox" /><i></i></label></td>
                      <td>物业费</td>
                      <td>押金</td>
                      <td>建筑面积</td>
                      <td>1000.00/户</td>
                      <td>1</td>
                      <td>1000.00-2000.00</td>
                      <td>否</td>
                      <td></td>
                    </tr>
                    <tr>
                      <td><label class="i-checks"><input type="checkbox" /><i></i></label></td>
                      <td>物业费</td>
                      <td>押金</td>
                      <td>建筑面积</td>
                      <td>1000.00/户</td>
                      <td>1</td>
                      <td>1000.00-2000.00</td>
                      <td>否</td>
                      <td></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="panel-footer">
              <button class="btn btn-info">添加</button>
            </div>
          </div>

          <div class="panel panel-warning">
            <div class="panel-heading">已选（本次应交）</div>
            <div class="panel-boding">
              <div class="table-responsive">
                <table class="table table-striped b-t b-light">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>收费项目名称</th>
                      <th>缴费截止</th>
                      <th>本次缴费截止</th>
                      <th>本次收费</th>
                      <th>单价</th>
                      <th>允许抹零</th>
                      <th>操作</th>
                    </tr>
                  </thead>

                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>物业费</td>
                      <td>2017-07-05</td>
                      <td>2017-07-05</td>
                      <td>500元</td>
                      <td></td>
                      <td></td>
                      <td>
                        <button class="btn btn-danger">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td>1</td>
                      <td>物业费</td>
                      <td>2017-07-05</td>
                      <td>2017-07-05</td>
                      <td>500元</td>
                      <td></td>
                      <td></td>
                      <td>
                        <button class="btn btn-danger">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td>1</td>
                      <td>物业费</td>
                      <td>2017-07-05</td>
                      <td>2017-07-05</td>
                      <td>500元</td>
                      <td></td>
                      <td></td>
                      <td>
                        <button class="btn btn-danger">删除</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="panel-footer">
              <button class="btn btn-info">费用调整</button>
            </div>
          </div>
        </div>
      </div>

      <form class="form-horizontal">
        <div class=" panel panel-default ">
          <div class="panel-body ">
            <div class="col-lg-4 col-sm-6 ">
              <div class="form-group ">
                <label class="col-sm-5 control-label nowrap ">合计:</label>
                <div class="col-sm-7 ">
                  <input type="text " class="form-control " />
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-sm-6 ">
              <div class="form-group ">
                <label class="col-sm-5 control-label nowrap ">抹零:</label>
                <div class="col-sm-7 ">
                  <input type="text " class="form-control " />
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-sm-6 ">
              <div class="form-group ">
                <label class="col-sm-5 control-label nowrap ">实收金额:</label>
                <div class="col-sm-7 ">
                  <input type="text " class="form-control " />
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-sm-6 ">
              <div class="form-group ">
                <label class="col-sm-5 control-label nowrap ">折扣率算出:</label>
                <div class="col-sm-7 ">
                  <input type="text " class="form-control " />
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-sm-6 ">
              <div class="form-group ">
                <label class="col-sm-5 control-label nowrap ">收费方式:</label>
                <div class="col-sm-7 ">
                  <label class="i-checks "><input type="checkbox " /><i></i> 现金</label>
                  <label class="i-checks "><input type="checkbox " /><i></i> POS</label>
                  <label class="i-checks "><input type="checkbox " /><i></i> 第三方支付</label>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-footer">
            <div class="form-inline ">
              <input type="text " class="form-control " /> + <input type="text " class="form-control " /> +<input type="text " class="form-control " /> = <input type="text " class="form-control " />
            </div>
            <div class="m-t text-center">
              <button class="btn btn-info">收费</button>
              <button class="btn btn-info">返回</button>
            </div>
          </div>
        </div>
      </form>
    </div>
    
  </div>
</div>